<script lang="ts" setup>
import { safeAreaInsets } from '@/utils/systemInfo'

defineOptions({
  name: 'Home',
})
definePage({
  // 使用 type: "home" 属性设置首页，其他页面不需要设置，默认为page
  type: 'home',
  style: {
    // 'custom' 表示开启自定义导航栏，默认 'default'
    navigationStyle: 'default',
    navigationBarTitleText: '首页',
  },
})

function nav() {
  uni.$u.route('pages/home')
}

// 定义响应式数据
const list = ref<SwiperItem[]>([
  {
    image: '/static/images/default-avatar.png',
    title: '昨夜星辰昨夜风，画楼西畔桂堂东',
  },
  {
    image: '/static/images/avatar.jpg',
    title: '身无彩凤双飞翼，心有灵犀一点通',
  },
  {
    image: 'https://cdn.uviewui.com/uview/xxx.jpg',
    title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳',
  },
])

onLoad(() => {
  console.log('测试 uni API 自动引入: onLoad')
})
</script>

<template>
  <view class="bg-white px-4 pt-2" :style="{ marginTop: `${safeAreaInsets?.top}px` }">
    <u-button @click="nav">
      zzl
    </u-button>
    <u-swiper :effect3d="true" :list="list" />
  </view>
</template>
